<%@ taglib prefix="a" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="b" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: linzichun
  Date: 2023/2/21
  Time: 14:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>某某医疗</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/home.css">
<%--    <script src="../js/jQuery-3.6.3.js"></script>--%>
<%--    <script src="../js/common.js"></script>--%>
</head>
<body class="justify-content-center">

<!--首页-->
<div class="justify-content-center ">
    <div >
        <!--      头部导航栏-->
<%--        <div id="top"></div>--%>
        <jsp:include page="top.jsp"></jsp:include>
        <!--      中间部分-->
        <div class="middle">
            <!--        轮播图-->
            <div>
                <!--          <img src="../img/banner_03_1y5v.jpg" alt="">-->
<%--                <div id="slideshow"></div>--%>
                <jsp:include page="slide_show.jsp"></jsp:include>
            </div>
            <!--        某某医疗设备设施-->
            <div class="justify-content-center">
                <div>
                    <div class="equipment">
                        <div>
                            <div class="title-overstriking" style="text-align: center;">某某医疗设备设施</div>
                            <div class="english-title" style="text-align: center;">MOU MOU MEDICAL EQUIPMENT AND FACILITLES</div>
                        </div>
                        <div class="justify-content-between">
                            <div>
                                <div class="justify-content-center">
                                    <div class="device-button" style="background-image: url('../img/fz_b_03_b0ss.png')">${facilityList.get(0).getMedicalDevice()} <img src="" alt=""> </div>
                                    <div class="device-button" style="background-image: url('../img/fz_b_05_mda1.png')">${facilityList.get(1).getMedicalDevice()}</div>
                                </div>
                                <div class="justify-content-center">
                                    <div class="device-button" style="background-image: url('../img/fz_b_09_eisk.png')">${facilityList.get(2).getMedicalDevice()}</div>
                                    <div class="device-button" style="background-image: url('../img/fz_b_10_bmz1.png')">${facilityList.get(3).getMedicalDevice()}</div>
                                </div>
                                <div class="justify-content-center">
                                    <div class="device-button" style="background-image: url('../img/fz_b_13_fqyt.png')">${facilityList.get(4).getMedicalDevice()}</div>
                                    <div class="device-button" style="background-image: url('../img/fz_b_14_hgmc.jpg')">${facilityList.get(5).getMedicalDevice()}</div>
                                </div>
                                <div class="justify-content-center">
                                    <div class="device-button-message" >在线留言</div>
                                    <div class="device-button-hotline" >
                                        <!--                      全国预约热线:400-789-123-->
                                        <span>全国预约热线:<br/><strong>400-789-123</strong> </span>
                                    </div>
                                </div>
                            </div>
                            <div class="right">
                                <div class="justify-content-between align-items-end">
                                    <div class="justify-content-center">
                                        <div>
                                            <div><img src="../img/docoter_05_8zx0.png"></div>
                                            <div class="many-over-five">运用蚀国进口智能设备，杜绝任何化工材术斗人口取模，省去送工厂制作环节，减少复诊次激，为您节省宝安时间的同时，满足您蚀度环保的诊疗需求。</div>
                                            <div>MORE+</div>
                                        </div>

                                    </div>
                                    <div>&gt;</div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>

                <!--          -->
            </div>
            <!--        某某健康服务优势-->
            <div class="fitness justify-content-center">
                <div>
                    <div>
                        <div>
                            <div class="title-overstriking" style="text-align: center">某某健康服务优势</div>
                            <div class="english-title" style="text-align: center">MOU MOU HEALTH SERVICE ADVANTAGES</div>
                        </div>
                    </div>
                    <div class="justify-content-center">
                        <b:forEach items="${healthList}" var="healthList">
                            <div class="margin20px ">
                                <div><img src="${healthList.photoPath}" alt=""> </div>
                                <div>${healthList.name}</div>
                            </div>
                        </b:forEach>


<%--                        <div class="margin20px ">--%>
<%--                            <div><img src="../img/a_10_3zlh.png" alt=""> </div>--%>
<%--                            <div>高科技检测仪</div>--%>
<%--                        </div>--%>
<%--                        <div class="margin20px ">--%>
<%--                            <div><img src="../img/b_12_8zns.png" alt=""></div>--%>
<%--                            <div>***检查</div>--%>
<%--                        </div>--%>
<%--                        <div class="margin20px ">--%>
<%--                            <div><img src="../img/c_14_p9yg.png" alt=""></div>--%>
<%--                            <div>专业医疗顾问</div>--%>
<%--                        </div>--%>
<%--                        <div class="margin20px ">--%>
<%--                            <div><img src="../img/d_16_g68i.png" alt=""></div>--%>
<%--                            <div>医生缜密诊断</div>--%>
<%--                        </div>--%>
<%--                        <div class="margin20px ">--%>
<%--                            <div><img src="../img/e_18_i2hc.png" alt=""></div>--%>
<%--                            <div>一站式服务</div>--%>
<%--                        </div>--%>


                    </div>
                    <div>······························我们专注于国内医疗，为国内客户提供优质的医疗服务，威经排解患者的痛苦······························</div>
                </div>

            </div>
            <!--        走进某某医疗-->
            <div class="into-medical-care ">
                <div>
                    <div class="title-overstriking" style="text-align: center">走进某某医疗</div>
                    <div class="english-title" style="text-align: center">INTO A CERTAIN MEDICAL MOU MOU</div>
                </div>
                <div class="into-medical-care-details justify-content-center">
                    <div class="justify-content-center">
                        <div>
                            <div>YOUR INTIMATE PRIVATE DOCTOR 您贴心的私人医生</div>
                            <div>----</div>
                            <div>医疗行业经验丰富</div>
                            <div>更安全更可靠</div>
                            <div><img src="../img/newimg_10_t5lo.png" alt=""> </div>
                        </div>
                    </div>
                    <div class="justify-content-center align-items-end">
                        <div>
                            <div style="text-align: center; color: white ">我们承诺</div>
                            <div>诚信行医、以患者为中心、礼貌接诊、温馨服务</div>
                        </div>
                    </div>
                    <div class="into-medical-care-details-right">
                        <!--新闻详情-->
                        <a:forEach items="${newsContentList}" var="news">
                            <div>
                                <div class="into-medical-care-details-right-border justify-content-center">
                                    <div class="calendar justify-content-center">
                                        <div >
                                            <div>${news.sky}</div>
                                            <div>${news.date}</div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="details-title-overstriking single-over">${news.title}</div>
                                        <div class="details-title many-over-two">${news.content}</div>
                                    </div>
                                </div>
                            </div>
                        </a:forEach>

                        <!--              阅读更多新闻-->
                        <div class="align-items-end justify-content-end">
                            <div class="justify-content-center">
                                <div>阅读更多新闻</div>
                                <div>&gt;</div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!--      页脚-->
<%--        <div id="footer"></div>--%>
        <jsp:include page="footer.jsp"></jsp:include>
    </div>

</div>

</body>
</html>
<script src="../js/slideshow.js"></script>